<template>
    <div id="app">
        <router-view v-if="isRouterAlive"/>
    </div>
</template>

<style>
    body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {
        margin: 0;
        padding: 0
    }

    * {
        /*transition: all 1s;*/
    }

    /*::-webkit-scrollbar 滚动条整体部分*/
    /*::-webkit-scrollbar-thumb  滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）*/
    /*::-webkit-scrollbar-track  滚动条的轨道（里面装有Thumb）*/
    /*::-webkit-scrollbar-button 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。*/
    /*::-webkit-scrollbar-track-piece 内层轨道，滚动条中间部分（除去）*/
    /*::-webkit-scrollbar-corner 边角，即两个滚动条的交汇处*/
    /*::-webkit-resizer 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件*/

    body {
        font: 12px "Microsoft YaHei", "Microsoft YaHei", HELVETICA;
        font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
        background: #fff;
        -webkit-text-size-adjust: 100%;
    }

    a {
        color: #2d374b;
        text-decoration: none
    }

    a:hover {
        text-decoration: underline
    }

    em {
        font-style: normal
    }

    li {
        list-style: none
    }

    img {
        border: 0;
        vertical-align: middle
    }

    table {
        /*border-collapse: collapse;*/
        /*border-spacing: 0*/
    }

    p {
        word-wrap: break-word
    }

    ::-webkit-scrollbar {
        /*width: 0px;*/
        background-color: #97A8BE22;
    }

    ::-webkit-scrollbar-thumb {
        background-color: #97A8BE22;
    }

    ::-webkit-scrollbar-thumb:hover {
        background-color: #97A8BE33;
    }

    .center {
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
    }

    .el-carousel__container {
        /*height: 100% !important;*/
    }

    .el-dropdown-menu {
        padding: 10px 0px !important;
        border: 0px !important;
    }

    .el-tabs__header {
        margin-right: 2px !important;
    }

    .el-badge__content {
        min-width: 18px !important;
        height: 18px !important;
        background-color: #dc3809;
        border: 0px !important;
        font-size: 8px !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .el-badge__content {
        background-color: #f02804 !important;
    }

    .radius {
        border-radius: 4px;
    }

    .el-dropdown-menu {
        margin: 0px !important;
        padding: 0px !important;
    }
</style>
<script>
    export default {
        name: 'App',
        provide() {
            return {
                reload: this.reload
            }
        },
        data() {
            return {
                isRouterAlive: true
            }
        },
        methods: {
            reload() {
                this.isRouterAlive = false
                this.$nextTick(function () {
                    this.isRouterAlive = true
                })
            }
        }
    }
</script>
